﻿/**
  * 联系人div - css
  */
/*联系人列表瀑布流布局*/
body, ul, table, td, tr, html, div, img, a, p, ul,br, span, input, button
{
    margin: 0;
    padding: 0;  
}

/*最外围底层div*/
#right_contact_div
{
    /*
    width: 98%;
    height:100%;
    
    box-shadow: 4px -4px 4px rgba(0,0,0,0.2);
    margin-left:-222%;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
*/

min-width:1000px;
  overflow:auto;
    width: 98%;
    height:100%;
    margin-top:10px;
    opacity: 0;
    box-shadow: 4px -4px 4px rgba(0,0,0,0.2);
    
	z-index:2;

	margin-left:20px;
	
	-webkit-transition: opacity .6s ease-in-out;
	-moz-transition: opacity .6s ease-in-out;
	-o-transition: opacity .6s ease-in-out;
	-ms-transition: opacity .6s ease-in-out;
	transition: opacity .6s ease-in-out;


font-family: "Microsoft YaHei","微软雅黑E\8F6F\96C5\9ED1",tahoma,arial,simsun,"宋体B8B\4F53";

   
}

/*每个联系人div box*/
.contact_box_div
{
    margin-bottom: 20px;
    width: 220px;
    padding:5px;
    background:#fff;
}
/*联系人头像 div*/
.contact_photo_div
{
}
/*联系人头像div里的img*/
.contact_box_div ul img
{
    max-width: 100%;
}
/*联系人标签 div*/
.contact_tag_div
{
    margin-top:5px;
}
/*联系人标签 li*/
.contact_tag_div li
{
    display:block;
    width:100%;
    height:20px;
    margin-top:5px;
    margin-left:10px;
    /*background:#234;*/
}
/*联系人信息*/
.contact_info_div
{
    margin-top:10px;  
    margin-left:20px;
    width:180px;
    /*background:#534;*/
}
.contact_info_div ul
{
  float:left;list-style:none;
  /*background:#534;*/
}
/*联系人信息*/
.contact_info_div_p_li
{
    float:left;
    list-style:none;
    padding-top:5px;
}
.contact_info_div_p_li_input
{
    float:left;
    list-style:none;

    vertical-align:middle;
}
/*联系人信息 用户名 input*/
.contact_name_input
{
    font-size:22px;
    float:left;
    height:30px;
    width:180px;
    font-family: "Microsoft YaHei","微软雅黑E\8F6F\96C5\9ED1",tahoma,arial,simsun,"宋体B8B\4F53";
    border:0px;
    color:#222;
    background:#transparent;
}
.contact_info_div_ul
{
  
}
/*联系人信息 电话 input*/
.contact_phone_input
{
    font-family: "Microsoft YaHei","微软雅黑E\8F6F\96C5\9ED1",tahoma,arial,simsun,"宋体B8B\4F53";
    font-size:16px;
    border:0px;
    padding-top:5px;
    width:155px;
    color:#000;
}
/*分割线*/
.contact_addtime_div_line
{
    display:block;
    height:1px;
    width:100%;
    background:#ccc;
    margin-bottom:5px;
}
/*联系人添加时间*/
.contact_addtime_div
{
    width:200px;
    height:30px;
    font-size:14px;
    color:#777;
    margin-top:10px;  

    margin-left:10px;

}

/*测试用*/
.contact_box_div  img
{
    max-width: 100%;
    
}


.contact_add_a
{
    display:block;
    float:right;
    height:20px;
    width:20px;
   background-image:url(../image/usermain/um.png);
    background-position:0px -827px ;
    visibility:hidden;
}


.contact_manage_span
{
    display:block;
    float:right;
    height:40px;
    width:100px;
    visibility:hidden;
    /*background:#242;*/
}

/*联系人头像修改按钮*/
.contact_avatar_a
{
    display:block;
    float:right;
    margin-right:4px;
    height:20px;
    width:20px;
    background-image:url(../image/usermain/um.png);
    background-position:0px -862px ;
}

/*联系人信息修改按钮*/
.contact_alter_a
{
    display:block;
    float:right;
    margin-right:0px;
    height:20px;
    width:20px;
    background-image:url(../image/usermain/um.png);
    background-position:0px -791px ;
}

/*联系人删除按钮*/
.contact_delete_a
{
    display:block;
    float:right;
    height:20px;
    width:20px;
   
    background-image:url(../image/usermain/um.png);
    background-position:0px -757px ;
}
/*联系人恢复按钮*/
.contact_recover_a
{
    display:block;
    float:right;
    height:20px;
    width:20px;
    margin-right:5px;
    background-image:url(../image/usermain/um.png);
    background-position:0px -892px ;
}


